* {
    margin: 0;
    padding: 0;
}

@media screen and (min-width:750px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width:750px) {
    html {
        font-size: 13.33vw;
    }
}

.container {
    width: 7.5rem;
    background-color: #fff;
    margin: 0 auto;
}


/* 导航 */

.nav {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.nav-time {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.nav-time img {
    padding-top: .32rem;
    width: 6.77rem;
    height: .24rem;
}

.message {
    width: 6.8rem;
    height: 1rem;
    margin-left: .36rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.message-mid p {
    font-size: .3rem;
    font-weight: 600;
    margin-left: 1.5rem;
    margin-top: .5rem;
}

.message-img img {
    width: .16rem;
    height: .29rem;
}

.maessage-img2 img {
    width: 1.65rem;
    height: .62rem;
}

.maessage-img2 {
    margin-top: .4rem;
}


/* 头像 */

.header-box {
    width: 6.8rem;
    height: 4.9rem;
    margin-left: .36rem;
    display: flex;
    flex-direction: column;
}

.header-box1 {
    margin-top: .4rem;
}

.box1-font1 {
    font-size: .3rem;
    font-weight: 600;
    line-height: .6rem;
}

.box1-font2 {
    font-size: .22rem;
    font-weight: 600;
    color: #999999;
    line-height: .5rem;
}

.box1-font2 span {
    color: #0155FF;
}

.header-box2 {
    margin-top: .5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header-box2 a,
.header-box2 img {
    width: 1.76rem;
    height: 1.76rem;
}

.box2-font1 {
    width: 1.62rem;
    font-size: .2rem;
    color: #323038;
    opacity: 0.5;
    margin-left: .22rem;
    margin-top: .15rem;
    font-weight: bold;
}


/* 个人基础信息 */

.table-box {
    width: 6.8rem;
    height: 10.5rem;
    margin-left: .36rem;
    display: flex;
    flex-direction: column;
}

.box-big-font1 {
    font-size: .3rem;
    font-weight: 600;
    color: #2B2E46;
    opacity: 0.5;
    padding-bottom: .25rem;
}

.table-box-list label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: .35rem;
}

.table-box-list select {
    outline: none;
    width: 5.4rem;
    height: .5rem;
    border: 0;
    outline: none;
    border-bottom: .01rem solid rgba(0, 0, 0, 0.7);
    text-align: left;
    text-align-last: right;
    color: #2B2E46;
    opacity: 0.2;
    font-weight: 600;
    font-size: .26rem;
    /* 箭头隐藏 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#aa::-webkit-input-placeholder {
    text-align: right;
    color: #2B2E46;
    opacity: 0.2;
}

#aa::-moz-placeholder {
    text-align: right;
    color: #2B2E46;
    opacity: 0.2;
}

#aa:-ms-input-placeholder {
    text-align: right;
    color: #2B2E46;
    opacity: 0.2;
}

.table-box-list input {
    outline: none;
    width: 5.4rem;
    height: .5rem;
    /* 去除未选中状态边框 */
    border: 0;
    /* 去除选中状态边框 */
    outline: none;
    /* 透明背景 */
    /* background-color: rgba(0, 0, 0, 0); */
    border-bottom: .01rem solid rgba(0, 0, 0, 0.2);
    text-align: left;
    font-weight: 600;
    font-size: .26rem;
}

.table-box-list img {
    width: .12rem;
    height: .12rem;
    margin-top: .12rem;
}

.table-box-list span {
    width: 1rem;
    height: .25rem;
    font-size: .24rem;
    margin-left: .15rem;
    font-weight: 600;
    color: #2B2E46;
}

.table-box-big2 {
    width: 6.8rem;
    margin-top: .5rem;
}

button {
    border: 0;
    margin-left: .36rem;
    width: 5.7rem;
    height: .76rem;
    background: rgba(1, 85, 255, 0.15);
    border-radius: .43rem;
    font-size: .36rem;
    font-weight: 600;
    color: #0155ff;
    text-align: center;
}